{% extends "base.html" %}
{% block js %}
    <script xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
    $(document).ready(function () {
        $("#delete_article").click(function(){
            if (!confirm("Bạn có chắc chắn muốn xóa ko?"))
                return false;
        });
        $('#back_button').click(function(){
            parent.history.back();
            return false;
        });
    });
    </script>

{% endblock %}
{% block content %}
    <div class="container">
        <div class="post">
            <div class="postheader">
                <div class="date shadow">
                    <span class="year">{{post.post_date|date:"j-m-o" }}</span>
                    <span class="time">{{ post.post_date|time:"TIME_FORMAT" }}</span>
                </div>
            </div>
            <div class="postcontent">
                <h2>
                    <a href="{% url view_single_article post.id %}">{{ post.title }}</a>
                    <input class="readmore" value="Quay lại" type="button" id="back_button"/>
                </h2>
                <div class="postinfo">
                    <span class="author">Viết bởi <a href="#">{{ post.account_id|default_if_none:"Giấu tên" }}</a></span>
                    {% if post.category_id %}
                        <span class="category">Nhóm <a href="{% url view_posts_in_category post.category_id.id%}">{{ post.category_id.name|default_if_none:"Không phân nhóm" }}</a></span>
                    {% else %}
                        <span  class="category">Nhóm <a href="{% url view_posts_in_category 0 %}">{{ post.category_id.name|default_if_none:"Không phân nhóm" }}</a></span>
                    {% endif %}
                </div>
                {{ post.content|safe }}

                {% if user.is_authenticated %}
                    <a href="{% url delete_article post.id %}"  id="delete_article" >Xóa bài viết</a>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}